<template>
  <div class="blog-container">
    <Layout>
      <BlogList />
      <template #right>
        <BlogCategory />
      </template>
    </Layout>
  </div>
</template>

<script>
import BlogCategory from "./components/BlogCategory.vue";
import BlogList from "./components/BlogList.vue";
import Layout from "@/components/Layout/index.vue";
import fetchData from "@/mixins/fetchData.js";
import { getblogs, getblogTypes } from "@/api/blog.js";
export default {
  components: { Layout, BlogList, BlogCategory },
  mixins: [fetchData([])],
  data: () => ({
    blogs: [],
  }),
  created() {},
  methods: {
    async fetchData() {
      getblogTypes().then((res, err) => {
        console.log(res, err);
      });
      //   this.blogs = await getblogTypes();
      //   return await getblogs();
    },
  },
};
</script>

<style lang='less' scoped>
</style>
